import React from 'react'
import { connect } from 'react-redux'
import { alertDispatch } from '@/utils'
import './user.less'
// import { ERROR, SUCCESS,WARNING,INFO } from '../../components/FAlert/alertTypes'
import { ERROR } from '@/components/FAlert/alertTypes'
import CheckLogin from '@/components/CheckLogin'
import headImg from '@/assets/images/user/avatar.png'
import collectImg from '@/assets/images/user/collect_3.png'
import dataImg from '@/assets/images/user/data_me.png'
import noteImg from '@/assets/images/user/note_1.png'
import examImg from '@/assets/images/user/examination_me.png'
import zlImg from '@/assets/images/user/My Profile.png'
import aboutImg from '@/assets/images/user/About us.png'
import noticeImg from '@/assets/images/user/Notice.png'
import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';

function User(props) {
    return (
        <div className="User">
            <div className="user-banner">
                <div className="user-top">
                    <h3 className="user-title">个人中心</h3>
                    <img src={headImg} alt="" />
                    <p className="user-name">Fancy</p>
                </div>
                <ul className="user-list flex">
                    <li>
                        <img src={collectImg} alt="" />
                        <h4>3</h4>
                        <p>收藏</p>
                    </li>
                    <li>
                        <img src={noteImg} alt="" />
                        <h4>1</h4>
                        <p>笔记</p>
                    </li>
                    <li>
                        <img src={examImg} alt="" />
                        <h4>3</h4>
                        <p>考试</p>
                    </li>
                    <li>
                        <img src={dataImg} alt="" />
                        <h4>3</h4>
                        <p>学习资料</p>
                    </li>
                </ul>
            </div>
            <ul className="user-body">
                <li>
                    <div className="left flex">
                        <i><img src={zlImg} alt="" /></i>
                        <span>我的资料</span>
                    </div>
                    <div className="right">
                        <ArrowForwardIosIcon />
                    </div>
                </li>
                <li>
                    <div className="left flex">
                        <i><img src={noticeImg} alt="" /></i>
                        <span>系统公告</span>
                    </div>
                    <div className="right">
                        <ArrowForwardIosIcon />
                    </div>
                </li>
                <li>
                    <div className="left flex">
                        <i><img src={aboutImg} alt="" /></i>
                        <span>关于我们</span>
                    </div>
                    <div className="right">
                        <ArrowForwardIosIcon />
                    </div>
                </li>
            </ul>

        </div>
    )
}
export default connect(null, alertDispatch)(CheckLogin(User))
